<div>
  <ul>
    <li>
      <div>
        <a href="../pages/news-detail.html">晋商培训学院成立:新晋商的“黄埔军校”扬帆起航</a>
        <div class="time">
          <p><i class="iconfont icon-shijian"></i>发布时间：<span>2020-07-03</span></p>
        </div>
      </div>
    </li>
    <li>
      <div>
        <a href="../pages/news-detail.html">晋商培训学院成立:新晋商的“黄埔军校”扬帆起航</a>
        <div class="time">
          <p><i class="iconfont icon-shijian"></i>发布时间：<span>2020-07-03</span></p>
        </div>
      </div>
    </li>
    <li>
      <div>
        <a href="../pages/news-detail.html">晋商培训学院成立:新晋商的“黄埔军校”扬帆起航</a>
        <div class="time">
          <p><i class="iconfont icon-shijian"></i>发布时间：<span>2020-07-03</span></p>
        </div>
      </div>
    </li>
  </ul>
  <div class="pages-box text-right">
    <ul class="clear-float">
      <li class="float-left disable">
        <span>上一页</span>
      </li>
      <li class="float-left num active">
        <span>1</span>
      </li>
      <li class="float-left num">
        <a href="javascript:void(0)">2</a>
      </li>
      <li class="float-left">
        <p>…</p>
      </li>
      <li class="float-left num">
        <a href="javascript:void(0)">28</a>
      </li>
      <li class="float-left">
        <a href="javascript:void(0)">下一页</a>
      </li>
    </ul>
  </div>
  <div class="mobile-pages-box">
    <ul class="clear-float">
      <li class="float-left"><p><i class="iconfont icon-jiantou2-copy-copy"></i>上一页</p></li>
      <li class="float-left select-box"><ul><li><a href="javascript:void(0)">1</a></li></ul><div><p>1/68页<i class="iconfont icon-jiantou2-copy"></i></p></div></li>
      <li class="float-left"><a href="javascript:void(0)">下一页<i class="iconfont icon-jiantou2"></i></a></li>
    </ul>
  </div>
</div>
<script>
  $(document).ready(function () {
    $('.mobile-pages-box .select-box').click(function () {
      $(this).toggleClass('show-select');
    });
  })
</script>